* {
    margin: 0;
    padding: 0;
}
body {
    position: relative;
   background-image: linear-gradient(to right ,#be93c5, #7bc6cc);
   animation-name: show;
   animation-duration: 1.5s;
}
@keyframes show {
    0%   { opacity: 0;}
    100% { opacity: 1;}
  }
ul li {
    text-decoration: none;
}
a {
    display: inline-block;
    text-decoration: none;
    color: #333;
}
@media screen and(max-width:1240px) {
    .head h1 {
         font-size:36px ;
     }
     .aside {
         font-size: 14px;
     }
}
@media screen and (max-width:768px) {
    .aside {
        width: 100px;
    }
}
@media screen and(max-width:488px){
    .head h1 {
        font-size: 22px;
    }
    .aside {
        font-size: 1px;
    }
}
//头部
.head {
    position: relative;
    width: 100%;
    height: 13vh;
    h1 {
        margin-left: 8vw;
        line-height: 13vh;
        font-weight: 100;
        color: #fff;
    }
    .return-btn {
        position: absolute;
        top: 1vh;
        left: 1vw;
        padding: 0 10px;
        border: 1px solid transparent;
        font-size: 26px;
       cursor:pointer; 
       background-color: transparent;
        transition: .3s;
        color: #fff;
        &:hover {
        border: 1px solid transparent;
        background-color: rgba(250, 250, 250, 0.774);
        color: #333;
        }
    }
}
.f-s() {
    font-size: 17px;
    font-weight: 200;
}
//侧边导航栏
.aside {
    position: absolute;
    left: 0;
    width: 25vw;
    height: auto;
    cursor:pointer;
    ul li {
        width: 13vw;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #d8e8f0dc;
        a {
            width: 100%;
            height: 100%;
        }
    }
    .homepage {
        transition: .3s;
        &:hover {
            background-color: #fff;
        }
    }
     .pull-down-all {
        height: 50px;
        transition: .3s;
        .pull-down-btn {
         position: relative;
        height: 50px;
        &::after {
            position: absolute;
            right: 12px;
            top: -4px;
            content: '‿';
        }
        }
        .pull-down {
            display: none;
            li {
                // background-color: #fff;
                transition: .3s;
                &:hover {
                    background-color:#9fd7db ;
                }
                 
            }
        }
     }
}
//内容
.content {
position: absolute;
right: 0;
width: 75vw;
height: 82vh;
// background-color: wheat;
}

